<template>
	<view>
		<u-navbar title-color="#fff" back-icon-color="#ffffff" :is-fixed="true"
			:background="background" back-text="返回"
			:back-text-style="{color: '#fff'}" back-icon-name="nav-back" :title="title" />
		<handle-com v-for="handle in list" :handleItem="handle" />
	</view>
</template>

<script>
	import handleCom from './handleCom.vue'
	import {
		getUserHandleList
	} from '../../../api/driver/handel.js'
	import {
		mapGetters
	} from 'vuex'
	export default {
		components: {
			handleCom
		},
		data() {
			return {
				title: '申诉记录',
				background: {
					'background-image': 'linear-gradient(45deg, rgb(28, 187, 180), rgb(141, 198, 63))'
				},
				list: [{},{}]
			}
		},
		created() {
			this.getList()
		},
		onLoad() {
			this.getList()
		},
		methods: {
			getList() {
				getUserHandleList({userId: this.userID})
				.then(res => {
					console.log(res)
					if (res.header.code == 200) {
						this.list = res.body
					}
				})
				console.log(this.list)
			}
		},
		computed: {
			...mapGetters([
				'userID',
				'name',
				'idNumber',
			])
		},
	}
</script>

<style>
</style>

